<template>
  <div class="footer">
    <div class="footer__wrap">
      <div class="footer__secondary">
        <div class="footer__inner">
          <div class="footer__secondary__nav">
            <span>Copyright©2013-2017 dongnaoedu.com All Rights Reserved.</span>
            <a href="https://dongnaoedu.com/">
              关于我们
            </a>
            <a href="http://dongnao.ke.qq.com/#tab=1&category=-1">
              腾讯课堂&&动脑学院
            </a>
            <a href="https://dongnaoedu.com/index.html">
              版权所有 2008-2017 湘ICP备16006411号-1
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default{}
</script>

<style rel="stylesheet">
  .footer {
    background-color: #f5f7fc;
    color: #333;
    position: relative;
  }

  .footer__wrap {
    max-width: 1280px;
    margin: 0 auto;
  }

  .footer__secondary {
    border-top: 1px solid rgba(51, 51, 51, 0.15);
  }

  .footer__secondary .footer__inner {
    height: 100px;
  }

  .footer__inner {
    max-width: 1280px;
    margin: 0 auto;
    position: relative;
  }

  .footer__secondary__nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 36px;
  }

  .footer__secondary__nav a,
  .footer__secondary__nav span {
    color: #ada9a5;
    margin-left: 3.3125em;
  }

  .footer__secondary__nav a:first-child,
  .footer__secondary__nav span:first-child {
    margin-left: 0;
  }
</style>
